<template>
	<gracePage :customHeader="false">
		<!-- 页面主体 -->
		<view slot="gBody" class="grace-columns ">
			<view class="grace-flex-center" style="margin-top: 25rpx">
				<view :style="{background: card_color}" style="width:690rpx;height:260rpx;box-shadow:0px 0px 15rpx 0px rgba(131,131,131,0.3);border-radius:20rpx;">
					<view class="grace-rows grace-flex-vcenter" style="margin-left: 46rpx;margin-top: 40rpx;">
						<image :src="card_icon" style="width: 50rpx;height: 50rpx;"></image>
						<view class="grace-columns" style="margin-left: 20rpx;">
							<text style="font-size:30rpx;font-weight:400;color:rgba(255,255,255,1);">{{ card_name }}</text>
							<image src="../../static/xinyongka.png" style="width: 60rpx;height: 22rpx;"></image>
						</view>
					</view>
					<view class="grace-flex-center" style="margin-top: 20rpx;">
						<view style="width:618rpx;height:1rpx;background:rgba(255,255,255,1);"></view>
					</view>
					<view class="grace-space-between" style="margin:30rpx 90rpx ;">
						<view class="grace-columns" style="text-align: center;">
							<text style="font-size:26rpx;font-weight:400;color:rgba(255,255,255,1);">已还金额</text>
							<text style="font-size:26rpx;font-weight:400;color:rgba(255,253,253,1);">-- 元</text>
						</view>

						<view v-for="item in leixin" class="grace-columns" style="text-align: center;" @tap="huankuanxuanze(item.name,item.id)">
							<view class="grace-flex-center" v-show="item.name=='智能代还'">
								<image :src="zhinengdaihuan_img" style="width: 36rpx;height: 36rpx;"></image>
							</view>
							<view class="grace-flex-center" v-show="item.name=='精准养卡'">
								<image :src="jingzhunyangka_img" style="width: 36rpx;height: 36rpx;"></image>
							</view>
							<text style="font-size:24rpx;font-weight:500;color:rgba(255,255,255,1);">{{item.name}}</text>
						</view>
					</view>
				</view>
			</view>

			<view style="margin-top: 30rpx;">
				<view class="grace-rows grace-flex-vcenter" style="width:750rpx;height:80rpx;background:rgba(255,255,255,1);">
					<text style="margin-left: 35rpx; font-size:30rpx;font-weight:400;color:rgba(51,51,51,1);">账单金额：</text>
					<input type="number" v-model="zhangdanjine" @input="morenbishu" placeholder="请输入账单金额" placeholder-style="font-size:30rpx;font-weight:400;color:rgba(153,153,153,1);"
					 style="margin-left: 30rpx;width: 500rpx" />
				</view>

				<view @tap="show = true" class="grace-rows grace-flex-vcenter" style="margin-top: 2rpx; width:750rpx;height:80rpx;background:rgba(255,255,255,1);">
					<text style="margin-left: 35rpx; font-size:30rpx;font-weight:400;color:rgba(51,51,51,1);">还款日期：</text>
					<text style="font-size:30rpx;font-weight:400;color:rgba(153,153,153,1);margin-left: 30rpx;">{{ date.length>0?'已选择'+date.length+'天':'请选择还款日期' }}</text>
					<image src="../../static/jiantou.png" style="width: 14rpx;height: 24rpx;margin-left: 250rpx;"></image>
				</view>

				<view class="grace-rows grace-flex-vcenter" style="margin-top: 2rpx; width:750rpx;height:80rpx;background:rgba(255,255,255,1);">
					<text style="margin-left: 35rpx; font-size:30rpx;font-weight:400;color:rgba(51,51,51,1);">周转金额：</text>
					<text style="font-size:28rpx;font-weight:bold;color:rgba(255,0,12,1);margin-left: 30rpx;">{{zhouzhuanjine}}</text>
				</view>

				<view class="grace-rows grace-flex-vcenter" style="margin-top: 2rpx; width:750rpx;height:100rpx;background:rgba(255,255,255,1);">
					<text style="margin-left: 35rpx; font-size:30rpx;font-weight:400;color:rgba(51,51,51,1);">执行笔数：</text>
					<view style="margin-left: 30rpx;" v-show="jian_bishu" @tap="jianbishu">
						<image src="../../static/generation_plan_jian.png" style="width: 50rpx;height: 50rpx;"></image>
					</view>
					<text style="font-size:36rpx;font-weight:bold;color:rgba(51,51,51,1);margin:0rpx 75rpx;">{{bishu}}</text>
					<view v-show="jia_bishu" @tap="jiabishu">
						<image src="../../static/generation_plan_jia.png" style="width: 50rpx;height: 50rpx;"></image>
					</view>
				</view>

				<view @tap="open1" class="grace-rows grace-flex-vcenter" style="margin-top: 2rpx; width:750rpx;height:80rpx;background:rgba(255,255,255,1);">
					<text style="margin-left: 35rpx; font-size:30rpx;font-weight:400;color:rgba(51,51,51,1);">落地商户地址：</text>
					<view class="grace-columns" style="text-align: center;">
						<view>
							<text style="font-size:30rpx;font-weight:400;color:rgba(153,153,153,1);margin-left: 30rpx;">{{cityText1}}</text>
							<image src="../../static/jiantou.png" style="width: 14rpx;height: 24rpx;margin-left: 50rpx;"></image>
						</view>
						<!-- <view style="width:549rpx;height:1rpx;background:rgba(51,51,51,1);opacity:0.5;margin-top: 10rpx;"></view> -->
					</view>
				</view>


				<!-- 					<view @tap="xuanzedikoujuan()" class="grace-rows grace-flex-vcenter" style="margin-top: 2rpx; width:750rpx;height:120rpx;background:rgba(255,255,255,1);">
						<text style="margin-left: 35rpx; font-size:30rpx;font-weight:400;color:rgba(51,51,51,1);">手续费抵扣券：</text>
						<text style="font-size:30rpx;font-weight:400;color:rgba(153,153,153,1);margin-left: 30rpx;">{{ dikoujuan_name }}</text>
						<view style="position: absolute;left: 430rpx;">
							<image src="../../static/jiantou.png" style="width: 14rpx;height: 24rpx;margin-left: 250rpx;"></image>
						</view>
					</view> -->




				<view class="grace-space-between grace-flex-vcenter" style="margin-top: 2rpx; width:750rpx;height:60rpx;background:rgba(255,255,255,1);">
					<view>
						<text style="margin-left: 35rpx; font-size:24rpx;font-weight:400;color:rgba(51,51,51,1);">预计手续费：</text>
						<text style="font-size:24rpx;font-weight:bold;color:rgba(255,102,0,1);margin-left: 30rpx;">{{ coupon_id===''?shouxufeilv: (shouxufeilv-max).toFixed(2) }}元</text>
						<text style="font-size:22rpx;font-weight:400;color:rgba(153,153,153,1);margin-left: 30rpx;">{{ feilv }}</text>
					</view>
					<!-- <view style="position: absolute;left: 400rpx;"> -->
					<!-- <text style="color:rgba(204,204,204,1);font-size: 35rpx;">|</text> -->
					<!-- 	</view>
						<view>
							<text style="font-size:24rpx;font-weight:400;color:rgba(51,51,51,1);">笔数费：</text>
							<text style="font-size:24rpx;font-weight:bold;color:rgba(255,102,0,1);margin-left: 30rpx;margin-right: 120rpx;">{{ stroke_number }}元</text> -->
					<!-- <text style="margin-right: 35rpx; font-size:22rpx;font-weight:400;color:rgba(153,153,153,1);margin-left: 30rpx;">{{ bishufei }}</text> -->
					<!-- </view> -->
				</view>
				<!-- 抵扣券 -->
				<view v-show="xianshi" class="grace-rows grace-flex-vcenter" style="margin:5rpx 0; height:80rpx;background:rgba(255,255,255,1);"
				 @tap="xuanzediyong">
					<text style="margin-left: 35rpx;font-size:28rpx;font-weight:400;color:rgba(0,0,0,1);">抵用券:</text>
					<view class="grace-columns" style="text-align: center;">
						<view style="position: relative;">
							<text style="font-size:30rpx;font-weight:bold;" :style="{color:coupon_id===''?'rgba(218,28,30,1)':'rgba(55,205,97,1)'}">{{coupon_id===''?'可抵扣'+max+'元，选择抵用券':'-'+max+'（已抵扣）'}}</text>
							<image src="../../static/jiantou.png" style=" width: 15rpx;height: 25rpx;position: absolute;left: 550rpx;"></image>
						</view>
						<view style="width:590rpx;height:1rpx;background:rgba(51,51,51,1);opacity:0.5;margin-top: 13rpx;"></view>
					</view>
				</view>

			</view>
			<view style="text-align: center;margin-top: 10rpx;">
				<text style="font-size:24rpx;font-weight:400;color:rgba(51,51,51,1);">可调整天数或笔数来改变周转金</text>
			</view>
			<button @tap="yulanjihua()" :style="{background:button_color}" class="button_color">预览计划</button>

			<ei-calendar @change="change" v-model="date" :visible.sync="show" type="multiple" :disabledDate="disabledDate"
			 :custom-date="customDate" format="YYYY-MM-DD">
			</ei-calendar>


			<!-- 鉴权 -->
			<graceDialog :isTitle="false" :show="show3" :isCloseBtn="false" width='500rpx'>
				<view class="content2" slot="content" style="text-align: center;">
					<text style="font-size: 26rpx;">验证码已发送至您</text>
					<text style="font-size: 24rpx;">尾号{{ yuliushouji }}的手机</text>
					<input v-model="yanzhengma" maxlength="10" style="margin-top: 20rpx; height: 80rpx; border-bottom:#B2B2B2 solid 2rpx" placeholder="请输入验证码" />
				</view>
				<view slot="btns" class="grace-space-between">
					<text class="grace-dialog-buttons" @tap="closeDialog3">关闭</text>
					<text class="grace-dialog-buttons grace-blue" @tap="confirm3">确认</text>
				</view>
			</graceDialog>
			<!-- 鉴权 -->

			<!-- 新地区选择 -->
			<graceAddressPicker :show="show4" @confirm="confirm1" :level="level" @close="close1" cancelTColor="关闭"></graceAddressPicker>
			<ourLoading active text="加载中..." v-if="loadings" />
		</view>
	</gracePage>
</template>
<script>
	var myDate = new Date();
	var benyue = '';
	var xiayue = '';
	import graceAddressPicker from '../../graceUI/components/graceAddressPicker.vue';
	import graceDialog from '../../graceUI/components/graceDialog.vue';
	import EiCalendar from '@/components/ei-calendar/ei-calendar';
	import gracePage from "../../graceUI/components/gracePage.vue";
	export default {
		components: {
			EiCalendar,
			gracePage,
			graceDialog,
			graceAddressPicker
		},
		data() {
			return {
				button_color:'',//按钮颜色
				show4: false,
				cityText1: "请选择商户地址", //文本
				level: 2,
				c_code: '',
				stroke_number: 0,
				huankuanri: '', // 还款日
				disabledDateArr: [],
				min_date: '',
				max_date: '',
				bishu: 0, // 执行笔数
				max_bishu: 15,
				min_bishu: 0,
				jia_bishu: true,
				jian_bishu: true,
				zhangdanjine: '', // 账单金额
				zhouzhuanjine: '0', // 周转金
				card_id: '', // 银行卡id
				card_color: '', // 银行卡背景颜色
				card_name: '', // 银行卡名称
				card_icon: '', // 银行卡logo
				zhinengdaihuan_img: '../../static/generation_plan_xuanzhong.png',
				jingzhunyangka_img: '../../static/generation_plan_weixuan.png',
				type: 1, // 还款类型id
				show: false,
				date: [], // 还款日期
				customDate: [],
				shouxufeilv: 0, // 手续费
				feilv: '', // 费率
				bishufei: '', // 笔数费
				quan_id: '',
				quan_jine: '',
				dikoujuan_name: '请选择抵扣券',

				// 鉴权
				show3: false,
				yanzhengma: '', //验证码
				order_num: '', //订单号
				yuliushouji: '', //预留手机
				keyizou: false,
				wenti: '',
				max: 0, // 抵用券最大金额
				coupon_id: '', //抵用券id
				coupon: 0,
				loadings: false, // 进入页面时的遮罩
				leixin: [], // 还款类型数据
				xianshi: false // 模块判断是否显示抵用券
			}
		},
		onLoad() {
			var opt = uni.getStorageSync('card')
			console.log(opt)
			this.card_id = opt.id;
			this.card_color = opt.bankinfo.back_color;
			this.card_name = opt.name;
			this.card_icon = opt.bankinfo.bank_icon_url;
			this.huankuanri = opt.repayment_date
			uni.removeStorageSync('card')
			// 获取还款类型
			var vm = this
			vm.myPost(
				'api/agentrepayment/get_initial_behalf', {},
				function(res) {
					console.log(res);
					if (res.code == 200) {
						vm.leixin = res.data
					}
				}
			)
			// return
			// 模块判断
			var xianshi = this.getModels('3');
			if (xianshi) {
				this.xianshi = true
			}
			console.log(xianshi);
			benyue = myDate.getFullYear() + '-' + (myDate.getMonth() + 1) + '-' + opt.repayment_date;
			xiayue = (myDate.getMonth() + 1) === 12 ? (myDate.getFullYear() + 1) + '-1-' + opt.repayment_date : myDate.getFullYear() + '-' + (myDate.getMonth() + 2) + '-' + opt.repayment_date;
			this.customDate = [
				{
				cellClass: 'custom-cell',
				date: benyue,
				top: [{
					class: 'custom-cell-top-1',
					text: '还款日'
				}, ]
			}, 
			{
				cellClass: 'custom-cell',
				date: xiayue,
				top: [{
					class: 'custom-cell-top-1',
					text: '还款日'
				}, ]
			}];
			console.log(benyue, xiayue)
			
		},
		onShow() {
			this.button_color = uni.getStorageSync('button_color');
			// 模块判断
			var xianshi = this.getModels('3');
			if (xianshi) {
				this.xianshi = true
			}
		},
		methods: {
			// 选择抵用券
			xuanzediyong() {
				if (this.zhangdanjine === '') {
					uni.showToast({
						title: '请填写支付金额',
						icon: 'none'
					})
					this.max = 0
				} else {
					uni.$once('xuanzediyongquan', this.diyong, );
					uni.navigateTo({
						url: '/pages/Repayment/brush_voucher?max=' + this.max + '&poundage=' + this.shouxufeilv
					})
				}
			},
			diyong(data) {
				if (data.coupon_id === '') {
					this.coupon_id = data.coupon_id;
					this.coupon = '';
				} else {
					this.coupon_id = data.coupon_id;
					this.coupon = this.max;
				}
			},
			// 新地区选择
			close1: function() {
				this.show4 = false;
			},
			open1: function() {
				this.show4 = true;
			},
			confirm1: function(e) {
				// 返回选中城市的编号及文本信息
				console.log(e)
				this.c_code = e.codes[0];
				this.cityText1 = e.names[0] + '-' + e.names[1];
				this.close1();
			},
			// 鉴权事件
			jianquan(key) {
				var vm = this;
				vm.loadings = true
				this.myPost(
					'api/mypassageway/open_the_channel', {
						card_id: this.card_id,
						// types: '1,2'
					},
					function(res) {
						vm.loadings = false
						if (res.code == 200) {
							var is_need_SMS = res.data.verification;
							if (is_need_SMS == 0) {
								uni.showToast({
									title: res.msg,
									icon: 'none'
								})
								setTimeout(function() {
									uni.navigateTo({
										url: '/pages/Repayment/yulan_shanfu?key=' + key +'&coupons=0'
									})
								},1000)

							} else if (is_need_SMS == 1) {
								vm.order_num = res.data.order_num;
								vm.yuliushouji = res.data.phone;
								vm.showDialog3()
							} else if (is_need_SMS == 2) {
								var opt = {
									url: res.data.url,
									key: key
								}
								uni.setStorageSync('web_url', opt)
								uni.redirectTo({
									url: '/pages/Repayment/kaitong_view'
								})
							}
						} else {
							setTimeout(function() {
							uni.navigateTo({
								url: '/pages/Repayment/yulan_shanfu?key=' + key +'&coupons=0' 
							})
							}, 1000)
						}
					}
				)
			},

			// 显示验证码输入框
			showDialog3: function() {
				this.show3 = true;
			},
			// 关闭输入框
			closeDialog3: function() {
				this.show3 = false;
			},
			// 验证码输入框选择了确认
			confirm3: function() {
				if (this.yanzhengma == '') {
					uni.showToast({
						title: '请输入验证码',
						icon: 'none'
					})
				} else {
					var vm = this;
					vm.loadings = true
					vm.myPost(
						'api/mypassageway/confirm_open_channel', {
							bind_num: this.order_num,
							cms: this.yanzhengma,
						},
						function(res) {
							vm.loadings = false
							vm.closeDialog3();
							if (res.code == 200) {
								uni.showToast({
									title: res.msg,
									icon: 'none'
								})
								vm.yulanjihua();
							} else {
								uni.showToast({
									title: res.msg,
									icon: 'none'
								})
							}

						}
					)
				}

			},

			// 预览计划
			yulanjihua() {
				var vm = this;
				console.log(vm.xianshi);
				if (vm.xianshi == true) {
					var obj = {
						card_id: vm.card_id,
						bill_money: vm.zhangdanjine,
						datas: vm.date,
						rp_price: vm.zhouzhuanjine,
						num: vm.bishu,
						city_code: vm.c_code, //城市编码
						pattern: vm.type,
						zhouzhuanjine: vm.zhouzhuanjine
					}
					uni.setStorageSync('objs', obj)
					// console.log(obj);
					// return
					if (vm.c_code == '') {
						uni.showToast({
							title: '城市编码不能为空',
							icon: 'none'
						})
					} else {
						uni.navigateTo({
							url: '/pages/Repayment/brush_voucher?max=' + this.max + '&poundage=' + this.shouxufeilv
						})
					}
				} else {
					var obj = {
						card_id: vm.card_id,
						bill_money: vm.zhangdanjine,
						datas: vm.date,
						rp_price: vm.zhouzhuanjine,
						num: vm.bishu,
						city_code: vm.c_code, //城市编码
						pattern: vm.type,
					}
					console.log(obj);
					vm.loadings = true
					vm.myPost(
						'api/agentrepayment/generation_plan', obj,
						function(res) {
							console.log(res);
							vm.loadings = false
							if (res.code == 200) {
								if (!vm.keyizou) {
									uni.showToast({
										title: res.msg,
										icon: 'none'
									})
									return
								}
								vm.jianquan(res.data.key);
							} else {
								uni.showToast({
									title: res.msg,
									icon: 'none'
								})
							}
						}
					)
				}



			},
			// 日期改变事件
			change(e) {
				this.date = e;
				this.tiaozhengbishu();
			},
			// 减笔数
			jiabishu() {
				if (this.bishu + 1 > this.max_bishu) {
					this.jia_bishu = false;
				} else if (this.bishu + 1 === this.max_bishu) {
					this.bishu = this.bishu + 1;
					this.jia_bishu = false;
					this.jian_bishu = true;
					this.tiaozhengbishu();
				} else {
					this.jian_bishu = true;
					this.bishu = this.bishu + 1;
					this.tiaozhengbishu();
				}
			},
			// 加笔数
			jianbishu() {
				if (this.bishu - 1 < this.min_bishu) {
					this.jian_bishu = false;

				} else if (this.bishu - 1 === this.min_bishu) {
					this.bishu = this.bishu - 1;
					this.jian_bishu = false;
					this.jia_bishu = true;
					this.tiaozhengbishu();
				} else {
					this.jia_bishu = true;
					this.bishu = this.bishu - 1;
					this.tiaozhengbishu();
				}
			},
			// 账单金额input框输入 
			morenbishu(val, type) {
				var vm = this;
				this.zhangdanjine = val.target.value;
				this.moren_start();
			},
			// 金额输入获取计划数据
			moren_start() {
				var vm = this;
				var vale = this.zhangdanjine;
				console.log(vale);
				if (vale >= 450) {
					console.log('进入');
					this.myPost(
						'api/agentrepayment/get_preview', {
							card_id: this.card_id,
							bill_money: vale,
							pattern: this.type,
						},
						function(res) {
							console.log(res.data);
							if (res.code == 200) {
								vm.keyizou = true;
								vm.date = res.data.datas;
								vm.stroke_number = res.data.stroke_number;
								vm.zhouzhuanjine = res.data.rp_price;
								// vm.zhouzhuanjin = res.data.rp_price;
								vm.max_bishu = res.data.max_num;
								vm.min_bishu = res.data.min_num;
								vm.max = res.data.coupons;
								vm.bishu = res.data.num;
								vm.shouxufeilv = res.data.procedures
								vm.feilv = res.data.feilv;
								vm.bishufei = res.data.bishufei;
								if (res.data.feilv_type.name == '智能代还') {
									vm.zhinengdaihuan_img = '../../static/generation_plan_xuanzhong.png';
									vm.jingzhunyangka_img = '../../static/generation_plan_weixuan.png';
									vm.type = 1;
								} else if (res.data.feilv_type.name == '精准养卡') {
									vm.zhinengdaihuan_img = '../../static/generation_plan_weixuan.png';
									vm.jingzhunyangka_img = '../../static/generation_plan_xuanzhong.png';
									vm.type = 2;
								}
							} else {
								uni.showToast({
									title: res.msg,
									icon: 'none'
								})
								vm.wenti = res.msg
								vm.keyizou = false;
							}
						}
					)
				} else {
					this.bishu = 0;
					this.zhouzhuanjine = '账单金额必须高于450元';
					this.date = [];
				}
			},

			// 调整笔数
			tiaozhengbishu() {
				var vm = this;
				if (this.zhangdanjine > 450) {
					this.myPost(
						'api/agentrepayment/get_preview', {
							card_id: this.card_id,
							bill_money: this.zhangdanjine,
							pattern: this.type,
							moren_start: this.date,
							num: this.bishu,
						},
						function(res) {
							console.log(res);
							if (res.code == 200) {
								vm.keyizou = true;
								vm.date = res.data.datas;
								vm.stroke_number = res.data.stroke_number;
								vm.zhouzhuanjine = res.data.rp_price;
								// vm.zhouzhuanjin = res.data.rp_price;
								vm.max_bishu = res.data.max_num;
								vm.min_bishu = res.data.min_num;
								vm.max = res.data.coupons
								vm.bishu = res.data.num;
								vm.shouxufeilv = res.data.procedures;
								vm.feilv = res.data.feilv;
								vm.bishufei = res.data.bishufei;
								if (res.data.pattern == '智能代还') {
									vm.zhinengdaihuan_img = '../../static/generation_plan_xuanzhong.png';
									vm.jingzhunyangka_img = '../../static/generation_plan_weixuan.png';
									vm.type = 1;
								} else if (res.data.pattern == '精准养卡') {
									vm.zhinengdaihuan_img = '../../static/generation_plan_weixuan.png';
									vm.jingzhunyangka_img = '../../static/generation_plan_xuanzhong.png';
									vm.type = 2;
								}
							} else {
								uni.showToast({
									title: res.msg,
									icon: 'none'
								})
								vm.wenti = res.msg
								vm.keyizou = false;
							}
						}
					)
				}
			},
			huankuanxuanze(type, id) {
				if (type === '智能代还') {
					this.zhinengdaihuan_img = '../../static/generation_plan_xuanzhong.png';
					this.jingzhunyangka_img = '../../static/generation_plan_weixuan.png';
					this.type = id;
					console.log(this.type);
				} else if (type === '精准养卡') {
					this.zhinengdaihuan_img = '../../static/generation_plan_weixuan.png';
					this.jingzhunyangka_img = '../../static/generation_plan_xuanzhong.png';
					this.type = id;
					console.log(this.type);
				};
				this.moren_start();
			},
			disabledDate(date) {
				const start = new Date();
				// 昨天
				const start_zuo = new Date(myDate.getTime() - 24 * 60 * 60 * 1000);
				// 今天
				const start_jin = new Date(myDate.getTime());
				// 下月底
				const date_end = new Date(); //0 表示1月
				// date_end.setDate(0)
				date_end.setMonth(date_end.getMonth() + 2);
				// 日期设置为0号, 0表示1号的前一天
				let lastDay = date_end.setDate(0);
				const end_date = new Date(lastDay).getTime();
				if (start.getHours() >= 16) {
					return date.getTime() <= start_jin || date.getTime() >= end_date;
				} else {
					return date.getTime() <= start_zuo || date.getTime() >= end_date;
				}

			}
		}
	}
</script>




<style>
	.button_color{
		line-height: 90rpx; margin-top:50rpx; width:500rpx;height:90rpx;
		/* background:#3187D5; */
		border-radius:10rpx;font-size:28rpx;font-weight:400;color:rgba(255,255,255,1);
	}
	.content2 {
		padding: 30rpx;
		line-height: 50rpx;
	}

	.grace-dialog-buttons {
		width: 700rpx;
		line-height: 88rpx;
		height: 88rpx;
		display: block;
		overflow: hidden;
		text-align: center;
		font-size: 26rpx;
		color: #999999;
	}
</style>
